<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>仿魅族</title>
</head>
<link rel="stylesheet" href="./css/meizu.css">
<body>
<!-- 头部开始 -->
	<div class="top">
		<div class="sum">
			<div class="header">			
				<div class="left">
					<a href="" class="toubiao">魅族官网</a>
					<a href="" class="toubiao">魅族商城</a>
					<a href="" class="toubiao">Flym</a>
					<a href="" class="toubiao">专卖店</a>
					<a href="" class="toubiao">服务</a>
					<a href="" class="toubiao">社区</a>
				</div>
					<div class="right">
						<ul><a href="" class="wo">我的订单</a></ul>
						<a href="" class="dindan">登录</a>
						<a href="" class="dindan">注册</a>
					</div>			
			</div>
		</div>
		<div class="logo">
			<div class="center">
				<div class="left">
					<div class="pik">
						<a href="" ><img src="./image/meizulogo.png" alt=""></a>
					</div>					
				</div>	
				<div class="right">					
						<a href="" class="shoujijieshao">PRO手机</a>
						<a href="" class="shoujijieshao2">魅蓝手机</a>
						<a href="" class="shoujijieshao3">MX手机</a>
						<a href="" class="shoujijieshao2">精选配件</a>
						<a href="" class="shoujijieshao2">智能硬件</a>		
				</div>
			</div>
		</div>
		<!-- 大图结束 -->
		<div class="t">
			<div class="tu">
			<a href=""><img src="./image/logotu.png" alt=""></a>
			<!-- <a href=""><img src="./image/choujian.ipg" alt=""></a>
			<a href=""><img src="./image/wanzhuan.jpg" alt=""></a>
			<a href=""><img src="./image/meizupro6.jpg" alt=""></a>
			<a href=""><img src="./image/x9shou.png" alt=""></a> -->
				<div class="lf"></div>
				<div class="left">
					<a href="" class="classify_1">全部商品分类</a>
					<a href="" class="classify">手机</a>
					<a href="" class="classify">智能硬件</a>
					<a href="" class="classify">耳机/音箱</a>
					<a href="" class="classify">路由器/移动电源</a>
					<a href="" class="classify">保护套/后盖/贴膜</a>
					<a href="" class="classify">数据线/电源适配器</a>
					<a href="" class="classify">周边配件</a>
				</div>				
			</div>
		</div>
		<!-- 图开始  -->
		<div class="bb">
			<div class="aa1">
				<ul class="ziti">
					<li class="wanluo">
						<a href="" class="pik">
							<span class="mzti"><img src="./image/mziti.png" alt=""></span>
							<p class="mma">M码通道</p>
						</a>
					</li>
					<li class="wanluo">
						<a href="" class="pik">
							<span class="mzti"><img src="./image/huanxing.png" alt=""></span>
							<p class="mma">以旧换新</p>
						</a>
					</li>
					<li class="wanluo2">
						<a href="" class="pik">
							<span class="mzti"><img src="./image/baoxian.png" alt=""></span>
							<p class="mma">补买意外保</p>
						</a>
					</li>
					<li class="wanluo2">
						<a href="" class="pik">
							<span class="mzti"><img src="./image/chaxun.png" alt=""></span>
							<p class="mma">回购单查询</p>
						</a>
					</li>
				</ul>
			</div>
			<a href="" class="aa"><img src="./image/zhouyi.jpg" alt=""></a>
			<a href="" class="aa"><img src="./image/zhouyi.jpg" alt=""></a>
			<a href="" class="aa"><img src="./image/meilan.jpg" alt=""></a>
			<a href="" class="aa"><img src="./image/kongqi.jpg" alt=""></a>
		</div>
		<!-- 图结束 -->
	</div>
	<!-- 头部结束 -->
		<div class="recommend">
			<div class="zhuti">
				 <div class="renmen">
				 	<div class="left">
				 		热品推荐
				 	</div>
				 	<div class="right">
				 		<a href="" class="fuhao"><img src="./image/xiaoyu.png" alt=""></a>
						<a href="" class="fuhao"><img src="./image/dayu.png" alt=""></a>
				 	</div>										
				</div> 
				<div class="main">
				<a href="" class="graph">
					<span class="bik"><img src="./image/fenqi.png" alt=""></span>
					<!-- <span class="fenqi">分</span> -->
					<span class="pro6">
						<li class="title">魅族PRO6</li>
						<li class="shuoming"><p>赠品</p></li>
						<li class="jiage"></li>
					</span>
				</a>
				<a href="" class="graph">2</a>
				<a href="" class="graph">3</a>
				<a href="" class="graph">4</a>
				<a href="" class="graph">5</a> 
				</div>
			</div>
				
		</div>
	</div>
</body>
</html>